<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>域名跳转设置</title>
    <style>
        body {
            width: 300px;
            padding: 15px;
            font-family: Arial, sans-serif;
        }
        .form-group {
            margin-bottom: 15px;
        }
        label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
            font-size: 14px;
        }
        input {
            width: 100%;
            padding: 8px;
            box-sizing: border-box;
            border: 1px solid #ddd;
            border-radius: 4px;
        }
        button {
            width: 100%;
            padding: 10px;
            background-color: #0078d7;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-weight: bold;
        }
        button:hover {
            background-color: #005a9e;
        }
        .status {
            margin-top: 15px;
            padding: 10px;
            border-radius: 4px;
            display: none;
        }
        .success {
            background-color: #dff0d8;
            color: #3c763d;
            display: block;
        }
        .error {
            background-color: #f2dede;
            color: #a94442;
            display: block;
        }
        .current-settings {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid #eee;
            font-size: 13px;
        }
    </style>
</head>
<body>
    <h3>域名跳转设置</h3>
    
    <div class="form-group">
        <label for="sourceDomain">源域名</label>
        <input type="text" id="sourceDomain" placeholder="例如: github.com">
    </div>
    
    <div class="form-group">
        <label for="targetDomain">目标域名</label>
        <input type="text" id="targetDomain" placeholder="例如: github.xyz">
    </div>
    
    <button id="saveBtn">保存设置</button>
    
    <div class="status" id="status"></div>
    
    <div class="current-settings">
        <p><strong>当前设置:</strong></p>
        <p>源域名: <span id="currentSource">- 未设置 -</span></p>
        <p>目标域名: <span id="currentTarget">- 未设置 -</span></p>
    </div>

    <script src="popup.js"></script>
</body>
</html>
    